<!-- Header
================================================== -->
<header id="nav-bar" class="container">
   <h1><img src="assets/img/logo.png" width="60" height="60" alt="logo" class="logo" />bootmetro <small>metro style web framework</small></h1>
   <!--<h2>Metro style web framework</h2>-->
</header>


<div id="header-nav" class="container">
   <ul class="nav nav-links">
      <li>
         <a href="./about.html">about</a>
      </li>
      <!--<li>-->
         <!--<a href="#">downloads</a>-->
      <!--</li>-->
      <li>
         <a href="./demo/hub.html">Demo</a>
      </li>
      <li>
         <a href="./docs/docs-index.html">documentation</a>
      </li>
   </ul>
</div>

<div class="container">
   <div class="row">
      <div class="span12">
         <div id="hero">

            <p class="lead">
               simple and flexible web framework
               to create elegant and modern
               web applications <br/>with the same
               look &amp; feel of Windows 8
            </p>

            <a class="btn btn-large btn-success" href="https://github.com/aozora/bootmetro/zipball/master">
               <div class="text">
                  <span class="header">Download Now</span>
                  <span class="small">latest version: 1.0.0 alpha 1</span>
               </div>
               <i class="icon-download"></i>
            </a>

            <!--<span>It's free!</span>-->

            <a class="btn btn-large btn-success bg-color-purple" href="./docs/docs-index.html">
               <div class="text">
                  <span class="header">Documentation</span>
               </div>
               <i class="icon-book"></i>
            </a>

            <!--<a class="btn btn-large btn-info" href="./features.html">-->
               <!--<div class="text">-->
                  <!--<span class="header">View the features</span>-->
               <!--</div>-->
               <!--<i class="icon-arrow-right-5"></i>-->
            <!--</a>-->

         </div>

         <div class="listview grid-layout">

            <a class="listview-item bg-color-orange" href="https://github.com/aozora/bootmetro">
               <div class="pull-left">
                  <div class="listview-item-object icon-github"></div>
               </div>
               <div class="listview-item-body">
                  <h4 class="listview-item-heading">View project on GitHub</h4>
               </div>
            </a>

            <a class="listview-item bg-color-blue" href="https://twitter.com/aozoralabs">
               <div class="pull-left">
                  <div class="listview-item-object icon-twitter"></div>
               </div>
               <div class="listview-item-body">
                  <h4 class="listview-item-heading">Follow on twitter</h4>
               </div>
            </a>

            <a class="listview-item bg-color-blueDark" rel="publisher" href="https://plus.google.com/114125863066139159293">
               <div class="pull-left">
                  <div class="listview-item-object icon-google-plus"></div>
               </div>
               <div class="listview-item-body">
                  <h4 class="listview-item-heading">Follow on Google+</h4>
               </div>
            </a>

            <a class="listview-item bg-color-greenDark" rel="publisher" href="https://github.com/aozora/bootmetro/wiki/Roadmap">
               <div class="pull-left">
                  <div class="listview-item-object icon-map"></div>
               </div>
               <div class="listview-item-body">
                  <h4 class="listview-item-heading">Roadmap</h4>
               </div>
            </a>

            <div id="donate-list" class="listview-item bg-color-red" href="#">
               <h4>Support the project</h4>
               <!--<span class="list-tile-icon icon-paypal"></span>-->
               <form class="donate-form" action="https://www.paypal.com/cgi-bin/webscr" method="post">
                  <input type="hidden" name="cmd" value="_s-xclick">
                  <input type="hidden" name="encrypted" value="-----BEGIN PKCS7-----MIIHLwYJKoZIhvcNAQcEoIIHIDCCBxwCAQExggEwMIIBLAIBADCBlDCBjjELMAkGA1UEBhMCVVMxCzAJBgNVBAgTAkNBMRYwFAYDVQQHEw1Nb3VudGFpbiBWaWV3MRQwEgYDVQQKEwtQYXlQYWwgSW5jLjETMBEGA1UECxQKbGl2ZV9jZXJ0czERMA8GA1UEAxQIbGl2ZV9hcGkxHDAaBgkqhkiG9w0BCQEWDXJlQHBheXBhbC5jb20CAQAwDQYJKoZIhvcNAQEBBQAEgYAd3BFw+P3ii7Qp4SUAQ0YsEL9YLY9L5S8bBd33xADz7vNIW2q3DDk2B+0Q1Ec2IWvCcXmv4FLE8ez0GzFXl2nC83sK7LLUp/SxVrBkif5znjy1SXIc/phE4wQixBm+ZfI8IaQuTQqfq/H2pOn4teQytVRTMyoL+lAIXNs+simTXjELMAkGBSsOAwIaBQAwgawGCSqGSIb3DQEHATAUBggqhkiG9w0DBwQIwZyQSy1qAhiAgYiDlv5/bxFciI/Gkb66uGAY4GVdRyQmdmqJAOyCCIFIjVKmSmvwLHeuYLN7pKNDVf7xovNny0JqqCghpjGM3JRc7kx3nkG4DTn11SxwTmyuyvOlLirWUEdssdt+i/v7xNShcEVdGjDBpi1TL9ncssUGYLVj1d06SlD8xOCfzQk+WDlJx7sIj2CioIIDhzCCA4MwggLsoAMCAQICAQAwDQYJKoZIhvcNAQEFBQAwgY4xCzAJBgNVBAYTAlVTMQswCQYDVQQIEwJDQTEWMBQGA1UEBxMNTW91bnRhaW4gVmlldzEUMBIGA1UEChMLUGF5UGFsIEluYy4xEzARBgNVBAsUCmxpdmVfY2VydHMxETAPBgNVBAMUCGxpdmVfYXBpMRwwGgYJKoZIhvcNAQkBFg1yZUBwYXlwYWwuY29tMB4XDTA0MDIxMzEwMTMxNVoXDTM1MDIxMzEwMTMxNVowgY4xCzAJBgNVBAYTAlVTMQswCQYDVQQIEwJDQTEWMBQGA1UEBxMNTW91bnRhaW4gVmlldzEUMBIGA1UEChMLUGF5UGFsIEluYy4xEzARBgNVBAsUCmxpdmVfY2VydHMxETAPBgNVBAMUCGxpdmVfYXBpMRwwGgYJKoZIhvcNAQkBFg1yZUBwYXlwYWwuY29tMIGfMA0GCSqGSIb3DQEBAQUAA4GNADCBiQKBgQDBR07d/ETMS1ycjtkpkvjXZe9k+6CieLuLsPumsJ7QC1odNz3sJiCbs2wC0nLE0uLGaEtXynIgRqIddYCHx88pb5HTXv4SZeuv0Rqq4+axW9PLAAATU8w04qqjaSXgbGLP3NmohqM6bV9kZZwZLR/klDaQGo1u9uDb9lr4Yn+rBQIDAQABo4HuMIHrMB0GA1UdDgQWBBSWn3y7xm8XvVk/UtcKG+wQ1mSUazCBuwYDVR0jBIGzMIGwgBSWn3y7xm8XvVk/UtcKG+wQ1mSUa6GBlKSBkTCBjjELMAkGA1UEBhMCVVMxCzAJBgNVBAgTAkNBMRYwFAYDVQQHEw1Nb3VudGFpbiBWaWV3MRQwEgYDVQQKEwtQYXlQYWwgSW5jLjETMBEGA1UECxQKbGl2ZV9jZXJ0czERMA8GA1UEAxQIbGl2ZV9hcGkxHDAaBgkqhkiG9w0BCQEWDXJlQHBheXBhbC5jb22CAQAwDAYDVR0TBAUwAwEB/zANBgkqhkiG9w0BAQUFAAOBgQCBXzpWmoBa5e9fo6ujionW1hUhPkOBakTr3YCDjbYfvJEiv/2P+IobhOGJr85+XHhN0v4gUkEDI8r2/rNk1m0GA8HKddvTjyGw/XqXa+LSTlDYkqI8OwR8GEYj4efEtcRpRYBxV8KxAW93YDWzFGvruKnnLbDAF6VR5w/cCMn5hzGCAZowggGWAgEBMIGUMIGOMQswCQYDVQQGEwJVUzELMAkGA1UECBMCQ0ExFjAUBgNVBAcTDU1vdW50YWluIFZpZXcxFDASBgNVBAoTC1BheVBhbCBJbmMuMRMwEQYDVQQLFApsaXZlX2NlcnRzMREwDwYDVQQDFAhsaXZlX2FwaTEcMBoGCSqGSIb3DQEJARYNcmVAcGF5cGFsLmNvbQIBADAJBgUrDgMCGgUAoF0wGAYJKoZIhvcNAQkDMQsGCSqGSIb3DQEHATAcBgkqhkiG9w0BCQUxDxcNMTIxMTE0MDkyNTA4WjAjBgkqhkiG9w0BCQQxFgQUKHFxpzvXkoc4ywQ0LqwTdP0rD20wDQYJKoZIhvcNAQEBBQAEgYAUwh4tAHhVt11zTvJfXQTDTL0KUUxcScs4fxFl3qsK+7/5qdTSo/+15X+dSy0zS8lv74kSg2NX1LU2oD9Rlw805Fra+CXRtvhIYPUPK+PfhY0SklLYkDgKOvmdhgw582uJlkKo4Xg3efbTY44kuhu9dNjQaZXjlzNQBCIP3YC/cg==-----END PKCS7-----">
                  <input type="image" src="https://www.paypalobjects.com/en_US/GB/i/btn/btn_donateCC_LG.gif" border="0" name="submit" alt="PayPal — The safer, easier way to pay online.">
                  <img alt="" border="0" src="https://www.paypalobjects.com/it_IT/i/scr/pixel.gif" width="1" height="1">
               </form>
            </div>

         </div>

      </div>
   </div>

</div>


